<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/10/11
  Time: 20:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>${requestScope.title}</title>
    <meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
    <meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
    <link href="${CTPATH}/css/base.css" rel="stylesheet">
    <link href="${CTPATH}/css/style.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="${CTPATH}/js/modernizr.js"></script>
    <![endif]-->
</head>

<body>
<header>
    <div id="logo"><a href="${URLIndex}"></a></div>
    <nav class="topnav" id="topnav">
        <a href="${URLIndex}"><span>首页</span><span class="en">Protal</span></a>
        <a href="${URLUser}"><span>关于我</span><span class="en">About</span></a>
        <c:forEach items="${menus}" var="menu">
            <a href="${menu.url}"><span>${menu.title}</span><span class="en">${menu.title}</span></a>
        </c:forEach>
    </nav>
</header>

<article class="blogs">
    <h1 class="t_nav"><span>“慢生活”不是懒惰，放慢速度不是拖延时间，而是让我们在生活中寻找到平衡。</span><a href="${URLIndex}" class="n1">网站首页</a><a href="/" class="n2">慢生活</a></h1>
    <div class="newblog left">
        <c:forEach items="${contentsTax}" var="content">
            <h2>${content.title}</h2>
            <p class="dateview">
                <span>发布时间：${content.modifiedDate}</span>
                <span>作者：${content.author}</span>
                <span>分类：
                    [
                    <c:forEach var="taxonomy" items="${content.taxonomys}">
                        <a href="${taxonomy.key}">${taxonomy.value}</a>
                    </c:forEach>]
                </span>
            </p>
            <figure><img src="${content.thumbnail}"></figure>
            <ul class="nlist">
                    ${content.summary}
                <a title="/" href="${content.url}" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <div class="line"></div>
            <div class="blank"></div>
        </c:forEach>
        <div class="page">
            <c:forEach items="${pages}" var="page">
                <c:if test="${page.status eq 'active'}">
                    <b>${page.num}</b>
                </c:if>
                <c:if test="${empty page.status}">
                    <a href="${page.url}" class="${page.status}">${page.num}</a>
                </c:if>
            </c:forEach>
        </div>
    </div>
    <aside class="right">
        <div class="rnav">
            <ul>
                <li class="rnav1"><a href="/" target="_blank">日记</a></li>
                <li class="rnav2"><a href="/" target="_blank">程序人生</a></li>
                <li class="rnav3"><a href="/" target="_blank">欣赏</a></li>
                <li class="rnav4"><a href="/" target="_blank">短信祝福</a></li>
            </ul>
        </div>
        <div class="news">
            <h3>
                <p>最新<span>文章</span></p>
            </h3>
            <ul class="rank">
                <c:forEach items="${contentsTop10}" var="content">
                    <li><a href="${content.url}" target="_blank">${content.title}</a></li>
                </c:forEach>
            </ul>
            <h3 class="ph">
                <p>点击<span>排行</span></p>
            </h3>
            <ul class="paih">
                <c:forEach items="${contentsRecommend}" var="content" begin="0" end="4">
                    <li><a href="${content.url}" target="_blank">${content.title}</a></li>
                </c:forEach>
            </ul>
        </div>
        <div class="visitors">
            <h3><p>最近访客</p></h3>
            <ul>

            </ul>
        </div>
        <!-- Baidu Button BEGIN -->
        <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"><a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a class="bds_renren"></a><span class="bds_more"></span><a class="shareCount"></a></div>
        <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6574585" ></script>
        <script type="text/javascript" id="bdshell_js"></script>
        <script type="text/javascript">
            document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
        </script>
        <!-- Baidu Button END -->
    </aside>
</article>
<footer>
</footer>
<script src="${CTPATH}/js/silder.js"></script>
</body>
</html>